//提供各种混合样式

.self-center(@pos: absolute) {
    position: @pos;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}


.self-fill(@pos: absolute) {
    position: @pos;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.inherit-WH() {
    width: 100%;
    height: 100%;
}

//垂直滚动
.self-scroll() {
    overflow-y: scroll;
    scroll-behavior: smooth;
}